@extends("/main_template")
@section(style){
<link href="@url("/static/css/mui.picker.css")" rel="stylesheet" />
<link href="@url("/static/css/mui.poppicker.css")" rel="stylesheet" />
}
@section(header){
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title mui-control-item">收货地址</h1>
}
<ul class="mui-table-view">
	<li class="mui-table-view-cell">
		所在地区
        <input id="showCityPicker3" type="text" class="mui-input-clear" readonly="readonly"/>
	</li>
	<li class="mui-table-view-cell">
		详细地址
		<input type="text" class="mui-input-clear" />
	</li>
	<li class="mui-table-view-cell">
		姓名
		<input type="text" class="mui-input-clear" />
	</li>
	<li class="mui-table-view-cell">
		电话
		<input type="text" class="mui-input-clear" />
	</li>
</ul>
<div class="mui-content-padded">
	<button id="js-btn-save" type="button" class="mui-btn mui-btn-primary mui-btn-block">保存设置</button>
</div>
<div class="scroll-fix60"></div>
@section(script){
<script src="@url("/static/js/mui.picker.js")"></script>
<script src="@url("/static/js/mui.poppicker.js")"></script>
<script src="@url("/static/js/city.data-3.js")"></script>
<script type="text/javascript">
	mui.ready(function(){
		var cityPicker3 = new mui.PopPicker({
			layer: 3
		});
		cityPicker3.setData(cityData3);
		var showCityPickerButton = document.getElementById('showCityPicker3');
		showCityPickerButton.addEventListener('tap', function(event) {
			cityPicker3.show(function(items) {
				showCityPickerButton.value = (items[0] || {}).text + "," + (items[1] || {}).text + "," + (items[2] || {}).text;
			});
		}, false);
	});
</script>
}